<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>选课系统</title>
</head>
<!-- 引入 layui.css -->
<link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css">
<!-- 引入 layui.js -->
<script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script src="../../js/fun.js"></script>
<body>

<table id="demo" lay-filter="demo" style="text-align: center"></table>


</body>


<script>
    layui.use(['table','layer','laytpl','form'], function(){
        window.table = layui.table;
        window.layer = layui.layer
        window.laytpl = layui.laytpl
        window.form = layui.form
        //第一个实例
        courselist =  table.render({
            elem: '#demo',
            id:"InvoiceInspectionDetailTable"
            ,height: 600
            ,url: Api+'/grades/getList' //数据接口
            ,page: true //开启分页
            ,cols: [[ //表头
                {field: 'id', title: '选课编码', width:250, sort: true, fixed: 'left',event:"id"}
                ,{field: 'coursename', title: '课程名称', width:250}
                ,{field: 'teacher', title: '授课教师', width:250, sort: true}

                ,{field: 'exam', title: '考试成绩', width: 250}
                ,{field: 'process', title: '过程成绩', width: 250}
                ,{field: 'scores', title: '有效成绩', width: 250}
                ,{field: 'detail', title: '备注', width:250}
                ,{field: 'time', title: '选修本科时间', width: 250, sort: true}

            ]]
        });




    });




</script>
</html>